@charset "utf-8";
@import url(../css/animate.css);

@import url(../css/module-css/banner-section.css);

@import url(../css/module-css/fact-counter-section.css);

@import url(../css/module-css/faq-section.css);

@import url(../css/module-css/gallery-section.css);

@import url(../css/module-css/header-section.css);

@import url(../css/module-css/service-section.css);

@import url(../css/module-css/thm-form-section.css);

@import url(../css/module-css/project-section.css);

@import url(../css/module-css/features-section.css);


*{margin:0;padding:0;outline:0;border:0;font-size:100%}
body,html{height:100%}
body{color:#777;font-weight:400;font-size:14px;font-family:Open Sans,sans-serif;line-height:24px}
button:focus{outline:0}
button{padding:0;border:0;background:0 0;cursor:pointer}
h1,h2,h3,h4,h5,h6{margin:0;color:#11161e;font-weight:700;font-family:Poppins,sans-serif}
h3{font-weight:600;font-size:20px;line-height:1.2em}
a,a:active,a:focus,a:hover{outline:0;border:0;text-decoration:none}
.parallax-scene{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}
.fancybox-image,.fancybox-spaceball{border-radius:0}
@media(min-width:1200px){.container{max-width:1200px}
}
.fix{position:relative;display:block;overflow:hidden}
img{height:auto;max-width:100%;transition-delay:.1s;transition-timing-function:ease-in-out;transition-duration:.7s;transition-property:all}
i{font-style:normal}
li,ul{list-style:none}
li,ol,ul{margin:0;padding:0}

@media (max-width:768px){
.pull-right,.pull-left{ float: none}
.header-bottom_right{ float:right}
}


.auto-container{position:static;margin:0 auto;padding:0 15px;max-width:1200px}
.boxed_wrapper{overflow:hidden; background:no-repeat; background-size:cover; background-attachment:fixed}
.btn-one{position:relative; text-align:center; z-index:1;display:inline-block;padding-right:30px;padding-left:30px;border-radius:0;background:#11161e;color:#fff;text-transform:uppercase;font-weight:700;font-size:16px;font-family:Open Sans,sans-serif;line-height:60px;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.btn-one:before{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:0;content:"";opacity:0;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;transform:scale(.5) rotateY(0)}
.btn-one:hover:before{width:100%;opacity:1;transition:all .7s ease .1s;transform:scale(1) rotateX(0)}
.btn-one .txt,.btn-one .txt i.arrow1{position:relative;z-index:1}
.btn-one .txt i.arrow1,.btn-one .txt i.arrow2{display:inline-block; font-weight:400; line-height:0}
.btn-one .txt i.arrow1{ padding-left:10px; }
.btn-one .txt i.arrow2{ padding-right:10px; }
.btn-one:focus,.btn-one:hover{color:#fff;text-shadow:0 5px 3px rgba(12,21,41,.1)}
.btn-one.style2 .txt i.arrow1:after,.btn-one.style2:before{background:#11161e}
.btn-one.style3{border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.1);line-height:58px}
.btn-one.style3:before{background:hsla(0,0%,100%,.2)}
.btn-two{position:relative;display:inline-block;padding-right:40px;padding-left:40px;border-radius:0;color:#fff;text-transform:capitalize;font-weight:700;font-size:18px;font-family:"Noto Serif",serif;line-height:60px;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.btn-two:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;background:#171717;content:"";-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;transform:scaleY(0) rotateX(0)}
.btn-two:hover:after{-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;transform:scaleY(1) rotateX(0)}
.btn-two .txt{position:relative;z-index:1}

.thm-social-link1{position:relative;display:block}
.thm-social-link1 ul{position:relative}
.thm-social-link1 ul li{position:relative;float:left;display:inline-block;margin-right:10px}
.thm-social-link1 ul li:last-child{margin-right:0}
.thm-social-link1 ul li a{position:relative;z-index:1;display:block;width:40px;height:40px;border:1px solid #e3e3e3;border-radius:50%;background:#fff;color:#222;text-align:center;font-size:14px;line-height:38px;transition:all .5s ease}
.thm-social-link1 ul li a:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:50%;content:"";transition:all .4s cubic-bezier(.62,.21,.45,1.52);transform:scale(0);transform-origin:center;transform-style:preserve-3d}
.thm-social-link1 ul li a:hover:before{transform:scaleX(1)}
.thm-social-link1 ul li a:hover{color:#fff}
.theme-shape{position:relative;display:block}
.theme-shape.pdtop30{padding-top:30px}
.theme-shape-box{position:relative;display:block}
.theme-shape-box .shap_item{position:relative;display:inline-block!important;margin:0 13px;color:#f6f3ee;font-size:60px}
.parallax-bg-one{position:relative;z-index:1;background-position:top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
.parallax-bg-one:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:rgba(18,32,0,.9) none repeat scroll 0 0;content:""}
.owl-theme .owl-next span,.owl-theme .owl-prev span{display:block}
.owl-nav-style-one.owl-theme .owl-next span,.owl-nav-style-one.owl-theme .owl-prev span{position:relative;display:block;text-align:center}
.owl-nav-style-one.owl-theme .owl-stage-outer{position:relative;display:block;padding-top:0;padding-bottom:0}
.owl-nav-style-one.owl-theme .owl-nav{position:relative;z-index:10;display:block;text-align:center}
.owl-nav-style-one.owl-theme .owl-nav [class*=owl-]{position:relative;display:inline-block;margin:0;padding:0;width:55px;height:55px;border:1px solid rgba(255,255,255);border-radius:50%;background:0 0;color:rgba(255,255,255);font-weight:400;font-size:24px;line-height:52px;transition:all .7s ease 0s}
.owl-nav-style-one.owl-theme .owl-nav [class*=owl-] span{position:relative;top:-1px}
.owl-nav-style-one.owl-theme .owl-nav .owl-prev{transform:rotate(0)}
.owl-nav-style-one.owl-theme .owl-nav .owl-next{margin-left:0;transform:rotate(0)}
.owl-nav-style-one.owl-theme .owl-nav [class*=owl-]:hover{border:1px solid rgba(0,0,0,.3);color:rgba(0,0,0,.2)}
.owl-nav-style-two.owl-theme .owl-nav [class*=owl-]{margin:0;padding:0;width:50px;height:50px;border-radius:0;background:#fff none repeat scroll 0 0;color:#3740b0;font-weight:700;font-size:24px;line-height:50px;transition:all .7s ease 0s}
.owl-nav-style-two.owl-theme .owl-nav .owl-next{margin-left:0}
.owl-nav-style-two.owl-theme .owl-nav [class*=owl-]:hover{background:#3740b0;color:#fff}
.owl-carousel.owl-dot-style1 .owl-stage-outer{overflow:visible}
.owl-carousel.owl-dot-style1 .owl-dots{position:relative;display:block;margin-top:40px!important;text-align:center;line-height:0}
.owl-carousel.owl-dot-style1 .owl-dots .owl-dot{position:relative;display:inline-block;margin:0 7px;padding:5px;width:19px;height:19px;border:1px solid transparent;border-radius:50%;background:0 0;transition:all .1s linear;transition-delay:.1s}
.owl-carousel.owl-dot-style1 .owl-dots .owl-dot span{display:block;margin:4px!important;width:9px;height:9px;border-radius:50%;background:#dedede;transition:all .1s linear;transition-delay:.1s}
.owl-carousel.owl-dot-style1 .owl-dots .owl-dot.active{border:1px solid #dedede;background:#fff}
@keyframes pulse{50%{box-shadow:0 0 0 5px hsla(0,0%,100%,.1),0 0 0 20px hsla(0,0%,93.3%,.3)}
}
@keyframes pulse2{50%{box-shadow:0 0 0 5px rgba(255,231,1,.1),0 0 0 20px rgba(255,231,1,.3)}
}
.rating-box{position:relative;display:block}
.rating-box,.rating-box ul{overflow:hidden}
.rating-box ul li{position:relative;float:left;display:inline-block;margin-right:5px}
.rating-box ul li:last-child{margin-right:0}
.rating-box ul li a{font-weight:400;font-size:20px;transition:all .2s linear;transition-delay:.1s}
.scroll-top{position:fixed;right:15px;bottom:20px;z-index:999999999;display:none;width:55px;height:55px;border-radius:5px;color:#fff;text-align:center;text-transform:uppercase;font-weight:600;font-size:20px;line-height:55px;cursor:pointer;transition:all .2s linear;transition-delay:.1s}
.scroll-top:after{position:absolute;top:100%;left:5%;z-index:-1;width:90%;height:10px;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.25) 0,transparent 80%);background:-webkit-radial-gradient(center ellipse,rgba(0,0,0,.25) 0,transparent 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,transparent 80%);content:"";opacity:1}
.scroll-top:hover{color:#f8f8f8}
.scroll-top.style2{position:absolute;top:-20px;right:0;left:0;margin:0 auto;width:40px;height:40px;border:0;border-radius:5px;background-color:#0098ff;text-align:center;font-weight:400;font-size:20px;line-height:40px;transition:all .2s linear;transition-delay:.1s;animation:auto}
input:focus,select:focus,textarea:focus{outline:0;border-color:#43c3ea}
#contact-form input[type=email].error,#contact-form input[type=text].error,#contact-form select.error,#contact-form textarea.error{border-color:red}
.post-pagination{position:relative;display:block}
.post-pagination.martop20{margin-top:20px}
.post-pagination li{position:relative;display:inline-block;margin:0 3px}
.post-pagination li a{position:relative;display:block;width:60px;height:60px;border:2px solid #eee;border-radius:50%;color:#131313;font-weight:600;font-size:18px;font-family:Poppins,sans-serif;line-height:56px;transition:all .5s ease 0s}
.post-pagination li a i{color:#c1c1c1;font-size:22px;transition:all .2s linear;transition-delay:.1s}
.post-pagination li.active a,.post-pagination li:hover a{border-color:#fec727;background:#fec727}
.post-pagination li.active a i,.post-pagination li:hover a i{color:#131313}
.post-pagination.style2 li a{border-radius:0}
.secpd100-0{padding:100px 0}
.overlay-style-one{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(218,60,34,.8);opacity:0;transition-delay:.1s;transition-timing-function:ease-in-out;transition-duration:.7s;transition-property:all}
.overlay-style-one .box{display:table;width:100%;height:100%}
.overlay-style-one .box .content,.overlay-style-one .box .inner{display:table-cell;vertical-align:middle;text-align:center}
.overlay-style-two{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;transition:all .9s ease}
.overlay-style-two:before{top:0;transform:perspective(400px) rotateX(-90deg);transform-origin:top}
.overlay-style-two:after,.overlay-style-two:before{position:absolute;left:0;display:block;width:100%;height:50%;background-color:rgba(18,18,18,.9);content:"";text-align:center;opacity:0;transition:all .5s}
.overlay-style-two:after{bottom:0;transform:perspective(400px) rotateX(90deg);transform-origin:bottom}
.overlay-style1{position:absolute;top:0;bottom:0;left:-100%;z-index:1;width:100%;opacity:0;transition:all .9s cubic-bezier(.62,.21,.45,1.22);transform-origin:top;transform-style:preserve-3d}
.overlay-style1.bg1,.overlay-style2{background-color:rgba(0,0,0,.7)}
.overlay-style2{position:absolute;top:20px;right:20px;bottom:20px;left:20px;z-index:1;opacity:0;transition:all .9s cubic-bezier(.62,.21,.45,1.22);transform:skew(0deg,0deg) scale(1.2)}

/*通用底部*/
.footer-area{position:relative;display:block;padding:0;background:#f6f6f6;z-index:1}
.footer{position:relative;display:block;padding:50px 0;z-index:1}
.single-footer-widget{position:relative;display:block}
.single-footer-widget.martop{margin-top:30px}
.single-footer-widget .title{position:relative;display:block;margin-top:-4px;margin-bottom:29px}
.single-footer-widget .title h3{position:relative;display:block;color:#3e3e3e;font-size:18px;line-height:1.2em;font-weight:700;text-transform:uppercase}
.single-footer-widget .our-company-info{position:relative;display:block}
.single-footer-widget .our-company-info .footer-logo{position:relative;display:block;padding-bottom:20px}
.single-footer-widget .our-company-info .footer-logo a{display:inline-block}
.single-footer-widget .our-company-info .text-box{position:relative;display:block;margin-bottom:40px}
.single-footer-widget .our-company-info .text-box p{color:#777;font-size:14px;line-height:28px;font-weight:400;margin:0}
.footer-social-links{position:relative;display:flex;align-items:center; margin-top:25px}
.footer-widget-links{ line-height:32px; font-size:16px; color: #3e3e3e; opacity: .5;}
.footer-widget-links1{ position:relative;display:block; line-height:40px}
.footer-widget-links1 li{position:relative;margin-bottom:15px; float:left}
.footer-widget-links1 li:last-child{margin-bottom:0}
.footer-widget-links1 li a{position:relative;display:inline-block;color:#3e3e3e; opacity: .5; font-size:16px;font-weight:400;line-height:22px;transition:all .5s ease}
.footer-widget-links1 li a:hover{color:#004387}

.footer-bottom{position:relative;display:block; padding:27px 0; border-top:1px solid #e4e4e4}
.footer-bottom_content_box{position:relative;display:flex;align-items:center;justify-content:center;text-align:center}
.copyright-text{position:relative;display:block}
.copyright-text p{color:#3e3e3e;font-size:16px;line-height:26px;font-weight:700;margin:0}
.footer-area .border-box{border-left:30px solid #fff;border-bottom:30px solid #fff;border-right:30px solid #fff}

.social-links-style1{position:relative;display:block;overflow:hidden}
.social-links-style1 li{position:relative;float:left;display:inline-block;margin-right:30px}
.social-links-style1 li:last-child{margin-right:0}
.social-links-style1 li a i{position:relative;display:block;color:#004387;font-weight:400;font-size:20px;transition:all .5s ease}
.social-links-style1 li a:hover i{color:#fff}
.sociallinks-style-two{position:relative;display:block;overflow:hidden;margin:7px 0 8px}
.sociallinks-style-two li{position:relative;float:left;display:inline-block;margin-right:25px}
.sociallinks-style-two li:last-child{margin-right:0}
.sociallinks-style-two li a i{position:relative;display:block;color:#fff;font-size:16px;transition:all .5s ease 0s}
.sociallinks-style-two li a:hover i{color:#e4b33d}
@keyframes menu_sticky{0%{margin-top:-90px}
50%{margin-top:-74px}
to{margin-top:0}
}
.nav-outer .mobile-nav-toggler{position:relative;float:right;display:none;padding:30px 0;cursor:pointer}
.nav-outer.style1 .mobile-nav-toggler{padding:15px 0}
.nav-outer.style2 .mobile-nav-toggler{padding:10px 0}
.nav-outer.style5 .mobile-nav-toggler{padding:35px 0}
.nav-outer .mobile-nav-toggler .inner{position:relative;display:block;padding:3px 5px}
.mobile-menu{position:fixed;top:0;right:0;z-index:999999;visibility:hidden;padding-right:30px;width:300px;height:100%;max-width:100%;opacity:0}
.mobile-menu .menu-backdrop{position:fixed;top:0;right:0;z-index:1;width:100%;height:100%;background-color:rgba(9,16,32,.9);-webkit-transition:all .9s ease;-moz-transition:all .9s ease;-o-transition:all .9s ease;transition:all .9s ease;-webkit-transform:translateX(101%);transform:translateX(101%);-ms-transform:translateX(101%);-ms-transition:all .9s ease}
.mobile-menu-visible .mobile-menu .menu-backdrop{visibility:visible;opacity:.7;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;-webkit-transform:translateX(0);transform:translateX(0);-ms-transition:all .7s ease;-ms-transform:translateX(0)}
.mobile-menu .mCSB_inside>.mCSB_container{margin-right:5px}
.mobile-menu .navbar-collapse{display:block!important}
.mobile-menu .nav-logo{ position:relative; padding:30px 25px; text-align:left}
.mobile-menu .nav-logo a{position:relative; display:inline-block; }
.mobile-menu-visible{overflow:hidden}
.mobile-menu-visible .mobile-menu{visibility:visible;opacity:1}
.mobile-menu .menu-box{position:absolute;top:0;left:0;z-index:5;visibility:hidden;overflow-y:auto;padding:0;width:100%;height:100%;max-height:100%;border-radius:0;background:#000;opacity:0;-webkit-transform:translateX(101%);transform:translateX(101%);-ms-transform:translateX(101%)}
.mobile-menu-visible .mobile-menu .menu-box{visibility:visible;opacity:1;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;-webkit-transform:translateX(0);transform:translateX(0);-ms-transition:all .7s ease;-ms-transform:translateX(0)}
.mobile-menu .close-btn{position:absolute;top:10px;right:10px;z-index:10;width:30px;color:#fff;text-align:center;font-size:30px;line-height:30px;cursor:pointer;-webkit-transition:all .9s ease;-moz-transition:all .9s ease;-o-transition:all .9s ease;transition:all .9s ease;-ms-transition:all .9s ease}
.mobile-menu-visible .mobile-menu .close-btn{-webkit-transform:rotate(1turn);transform:rotate(1turn);-ms-transform:rotate(1turn)}
.mobile-menu .close-btn:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);-ms-transform:rotate(90deg)}
.mobile-menu .navigation{position:relative;float:none;display:block;width:100%}
.mobile-menu .navigation li{position:relative;display:block;border-top:1px solid hsla(0,0%,100%,.1)}
.mobile-menu .navigation:last-child{border-bottom:1px solid hsla(0,0%,100%,.1)}
.mobile-menu .navigation li>ul>li:first-child{border-top:1px solid hsla(0,0%,100%,.1)}
.mobile-menu .navigation li>a{position:relative;display:block;padding:10px 25px;color:#fff;text-transform:uppercase;font-weight:600;font-size:15px;line-height:24px}
.mobile-menu .navigation li>a,.mobile-menu .navigation li>a:before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-ms-transition:all .5s ease}
.mobile-menu .navigation li>a:before{position:absolute;top:0;left:0;height:0;content:""}
.mobile-menu .navigation li.current>a:before{height:100%}
.mobile-menu .navigation li ul li>a{margin-left:20px;text-transform:capitalize;font-weight:400;font-size:15px}
.mobile-menu .navigation li.dropdown .dropdown-btn{position:absolute;top:6px;right:6px;z-index:5;width:32px;height:32px;border-radius:2px;background:hsla(0,0%,100%,.1);color:#fff;text-align:center;font-size:16px;line-height:32px;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-ms-transition:all .5s ease}
.mobile-menu .navigation li.dropdown .dropdown-btn.open{-webkit-transform:rotate(90deg);transform:rotate(90deg);-ms-transform:rotate(90deg)}
.mobile-menu .navigation li>ul,.mobile-menu .navigation li>ul>li>ul,.mobile-menu .navigation>li.dropdown>.megamenu{display:none}

.sec-title{position:relative;display:block; padding-bottom:20px; max-width:500px; margin:0 auto}
.sec-title .sub-title{position:relative;display:block;padding-bottom:6px}
.sec-title .sub-title h5{letter-spacing:.62em;font-size:14px;font-family:Open Sans,sans-serif;line-height:20px}
.sec-title .sub-title h5,.sec-title h2{text-transform:uppercase;font-weight:700;color:#ccc}
.sec-title h2{font-size:32px;color:#1f4584; margin-bottom:15px}
.sec-title h2 span{color:#c50119}

.subscribe-area_bg{position:absolute;top:0;bottom:0;left:0;z-index:-1;width:100%;background-position:100%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
.subscribe-content-box{position:relative;display:block;padding:120px 50px 0;width:100%;max-width:470px;background:#fff}
.subscribe-content-box .title_box{position:relative;display:flex;margin-bottom:22px;align-items:center}
.subscribe-content-box .title_box .icon{position:relative;display:block}
.subscribe-content-box .title_box .icon span:before{position:relative;top:10px;color:#11161e;font-size:70px}
.subscribe-content-box .subscribe-title{position:relative;display:block;padding-left:20px}
.subscribe-content-box .subscribe-title p{margin:0;text-transform:uppercase;letter-spacing:.5em;font-weight:700;font-size:14px;font-family:Open Sans,sans-serif;line-height:20px}
.subscribe-content-box .subscribe-title h3{margin:9px 0 0;text-transform:uppercase;font-weight:700;font-size:24px;line-height:30px}
.subscribe-content-box .text{position:relative;display:block;padding-bottom:43px}
.subscribe-content-box .text p{margin:0}
.subscribe-box,.subscribe-form{position:relative;display:block;width:100%}
.subscribe-box{ margin-bottom:50px;}

.subscribe-form.style2 .btn-one{position:absolute;top:0;right:0;bottom:0;padding:0;width:80px;font-size:26px;line-height:70px;transition:all .3s ease .1s}
.subscribe-box p{margin:22px 0 0;font-size:13px}
.subscribe-content-box .phone_number{position:relative;display:flex;background:#11161e;align-items:center; margin-top:5px; width:100% }
.subscribe-content-box .phone_number .icon{position:relative;display:block;width:115px;height:110px; text-align:center}
.subscribe-content-box .phone_number .icon span:before{position:relative;display:block;color:#fff;text-align:center;font-size:50px;line-height:110px}
.subscribe-content-box .phone_number .inner_text{position:relative;display:block;padding-left:25px}
.subscribe-content-box .phone_number .inner_text p{margin:0;color:#fff;font-size:14px;line-height:18px}
.subscribe-content-box .phone_number .inner_text h2{margin:6px 0 0;font-weight:700;font-size:24px;line-height:40px; color:#fff}
.subscribe-content-box .phone_number .inner_text h2 a{color:#fff}
.subscribe-style2-area{position:relative;z-index:10;}
.subscribe-style2-area .subscribe-content-box{position:relative;z-index:2;display:block;margin-top:-150px;padding:120px 40px 60px;width:100%;max-width:470px; background:#e74901}
.subscribe-content-box.style2 .subscribe-title h3 a,.subscribe-content-box.style2 .subscribe-title p,.subscribe-content-box.style2 .text p,.subscribe-content-box.style2 .title_box .icon span:before{color:#fff}
.subscribe-title h3 a{text-decoration: underline;}

.subscribe-box.style2 p{color:#fff}
.subscribe-style2-area .subscribe-content-box.margin0{margin:0}
.subscribe-style2-area .gaode{position:relative;display:block;padding-right:20px;padding-left:29px;width:100%;height:70px;max-width:285px;border:1px solid rgba(243,243,244,.1);background:rgba(243,243,244,.1);color:#fff;font-weight:400;font-style:normal;font-size:16px;font-family:Open Sans,sans-serif;line-height:70px;transition:all .5s ease}
.home_map{position: relative; top:0; left:0;z-index:1; margin:60px auto 0}
.home-map-outer{position:relative;display:block;width:100%;max-width:100%}

.video-gallery_box{position:relative;z-index:1;display:block;padding:120px 0;background-position:50%;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}
.video-gallery_box:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#11161e;content:"";opacity:.7}
.video-gallery_box .icon{position:relative;display:block}
.video-gallery_box .icon a{position:relative;display:inline-block;width:103px;height:103px;border-radius:50%;background:#fff}
.video-gallery_box .icon a span:before{position:relative;display:block;text-align:center;font-size:40px;line-height:103px}

/* 内页顶部banner */
.breadcrumb-area{position:relative;display:block;overflow:hidden;background-attachment:scroll;background-position:center center;background-repeat:no-repeat;background-size:cover;padding:202px 0 201px;z-index:10}
.breadcrumb-area:before{position:absolute;top:0;left:0;bottom:0;right:0;background:#000;opacity:.6;content:"";z-index:-1}
.breadcrumb-area:after{position:absolute;top:0;left:0;right:0;height:250px;content:"";background-image:-moz-linear-gradient(90deg,rgba(0,0,0,0) 0,#000 100%);background-image:-webkit-linear-gradient(90deg,rgba(0,0,0,0) 0,#000 100%);background-image:-ms-linear-gradient(90deg,rgba(0,0,0,0) 0,#000 100%);opacity:.302;z-index:-1}
.breadcrumb-area .inner-content{position:relative;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}
.breadcrumb-area .title{position:relative;display:block;overflow:hidden}
.breadcrumb-area .title h2{color:#fff;font-size:45px;line-height:1.2em;font-weight:700;text-transform:uppercase}
.breadcrumb-area .title h3{color:#fff;font-size:24px; padding:15px 0; font-weight:100; text-transform:uppercase;}
.breadcrumb-area .title p{ color:#fff; font-size:18px;  padding:21px 0; line-height:200%}
.breadcrumb-menu{position:relative;display:block;line-height:0}
.breadcrumb-menu ul{position:relative;display:block;overflow:hidden}
.breadcrumb-menu ul li{position:relative;display:inline-block;float:left;color:#fff;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;padding-right:6px;margin-right:6px;font-family:'Open Sans',sans-serif}
.breadcrumb-menu ul li:last-child{padding-right:0;margin-right:0}
.breadcrumb-menu ul li a{color:#fff;transition:all .2s linear;transition-delay:.1s}
.breadcrumb-menu ul li i.arrow1{position:relative;top:3px;display:inline-block;color:#fff;font-size:20px;line-height:0;padding-left:10px;font-weight:400;margin-left:5px;z-index:1}
.breadcrumb-style2-area{padding-bottom:501px}

/* 关于我们 */
.bgclr1{ background:#e74901}
.bgclr1 li{ color: #f6a47e;}
.about-style1-area{position:relative;display:block;background:#f3f3f4;z-index:10}
.about-style1-content-box{position:relative;display:block;margin-top:-200px;background:#fff;padding:70px;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;box-shadow:0 15px 60px 15px rgba(0,0,0,.05)}
.about-style1-content-box .text-holder{position:relative;display:block; }
.about-style1-content-box .sec-title{padding-bottom:0px; margin:0}
.about-style1-content-box .inner-content{position:relative;display:block}
.about-style1-content-box .inner-content h3{color:#646972;font-size:18px;line-height:30px;font-weight:600;font-family:'Open Sans',sans-serif;margin:0 0 16px}
.about-style1-content-box .inner-content p{ margin-bottom:15px;}
.about-style1-content-box .inner-content a,.about-style1-content-box .inner-content b{ font-weight:700; color:#c50119}
.about-style1-content-box .inner-content ul{position:relative;display:block;overflow:hidden;padding:43px 50px 43px;margin-top:43px}
.about-style1-content-box .inner-content ul li{position:relative;display:block;font-size:18px;line-height:30px;font-weight:700;text-transform:uppercase;font-family:Poppins,sans-serif;margin-bottom:18px}
.about-style1-content-box .inner-content ul li span{position:relative;top:2px;color:#fff;font-size:24px}
.about-style1-content-box .inner-content ul li:last-child{margin:0}
.about-style1-content-box .img-holder{position:relative;display:block;width:100%}
.about-style1-content-box .img-holder .inner{position:relative;display:block;overflow:hidden}
.about-style1-content-box .img-holder .inner::before{position:absolute;top:0;left:-100%;display:block;content:'';width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,.7) 0,rgba(255,255,255,.3) 100%);transform:skewX(25deg);z-index:2}
.about-style1-content-box .img-holder:hover .inner::before{-webkit-animation:shine 1.9s;animation:shine 1.9s}
.about-style1-content-box .img-holder .inner img{width:100%}
.about-style1-content-box .img-holder .campany-carousel{ margin-top:10px;}

.about-style2-area{position:relative;display:block;overflow:hidden;background:#fff;padding-bottom:120px}
.about-style2-content-box{position:relative;display:block;background:#fff;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap}
.about-style2-content-box .text-holder{position:relative;display:block;max-width:400px;width:100%;padding-top:190px}
.about-style2-content-box .sec-title{padding-bottom:33px}
.about-style2-content-box .inner-content{position:relative;display:block}
.about-style2-content-box .inner-content h3{color:#646972;font-size:18px;line-height:30px;font-weight:600;font-family:'Open Sans',sans-serif;margin:0 0 16px}
.about-style2-content-box .inner-content ul{position:relative;display:block;overflow:hidden;padding:43px 50px 43px;margin-top:44px}
.about-style2-content-box .inner-content ul li{position:relative;display:block;font-size:18px;line-height:30px;font-weight:700;text-transform:uppercase;font-family:Poppins,sans-serif;margin-bottom:18px}
.about-style2-content-box .inner-content ul li span{position:relative;top:2px;color:#fff;font-size:24px}
.about-style2-content-box .inner-content ul li:last-child{margin:0}
.about-style2-content-box .img-box{position:relative;display:block;max-width:670px;width:100%}
.about-style2-content-box .img-box .main_image{position:relative;display:block;padding-top:245px;width:100%;height:100%}
.about-style2-content-box .img-box .main_image .inner{position:relative;display:block;max-width:370px;width:100%;float:right;text-align:right;z-index:5}
.about-style2-content-box .img-box .main_image .image_2{position:absolute;top:0;left:0;z-index:1}
.about-style2-content-box .img-box .main_image .image_3{position:absolute;top:90px;right:100px;z-index:2}
.about-style2-content-box .img-box .main_image .image_4{position:absolute;left:100px;bottom:0;z-index:2}
.about-style2-content-box .img-box .main_image .image_5{position:absolute;left:0;bottom:230px;z-index:2}
.about-style3-area{position:relative;display:block;background:#fff}
.about-style3-content-box{position:relative;display:block; margin-top:70px; padding-right:50px}
.about-style3-content-box .text-holder{position:relative;display:block}
.about-style3-content-box .sec-title{padding-bottom:15px}
.about-style3-content-box .inner-content{position:relative;display:block}
.about-style3-content-box .inner-content h3{color:#c50119;font-size:18px;line-height:30px;font-weight:600;font-family:'Open Sans',sans-serif;margin:0 0 16px}
.about-style3-content-box .inner-content b{ color:#c50119;}
.about-style3-content-box .inner-content ul{position:relative;display:block;overflow:hidden;padding:43px 50px 43px;margin-top:43px; }
.about-style3-content-box .sec-title{padding-bottom:15px; margin:0}

.about-style3-content-box .inner-content ul li{position:relative;display:block;font-size:18px;line-height:30px;font-weight:700;text-transform:uppercase;font-family:Poppins,sans-serif;margin-bottom:18px}
.about-style3-content-box .inner-content ul li span{position:relative;top:2px;color:#fff;font-size:24px}
.about-style3-content-box .inner-content ul li:last-child{margin:0}
.about-style3-content-box .inner-content li{ padding:0 5px; }
.about-style3-content-box .inner-content li img{ width:70%; }
.about-style3-img-box{position:relative;display:block;margin-left:100px}
.about-style3-img-box .inner{position:relative;display:block}
.about-style3-img-box .inner img{max-width:none;float:left}
.about-style4-area{position:relative;display:block;}
.about-style4-content-box{margin:0;padding-top:50px;padding-bottom:90px}
.about-style4-img-box{position:relative;display:block;width:100%;float:right;padding-right:50px}
.about-style4-img-box .inner{position:relative;display:block;overflow:hidden}
.about-style4-img-box .inner::after{position:absolute;top:0;left:-100%;display:block;content:'';width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,.7) 0,rgba(255,255,255,.3) 100%);transform:skewX(25deg);z-index:2}
.about-style4-img-box:hover .inner::after{-webkit-animation:shine 1.9s;animation:shine 1.9s}
.about-style2-area.pdt120-pdb0{padding-top:120px;padding-bottom:0}
.service-style1-area.bg_white{background:#fff}
.testimonial-style1-area.pdt120{padding-top:120px}
.features-style2-area{position:relative;display:block;}
.features-style2-image-box{position:relative;display:block}
.about-style4-area.pdbottom120{padding-bottom:120px}
.honor{position:relative;display:block;overflow:hidden;background:#fff;padding:50px 0}


/* 新闻列表样式1 */
.blog-style1-area{position:relative;display:block; padding:80px 0 120px;z-index:1}
.blog-style1-area .sec-title .sub-title p{margin-top:8px}
.single-blog-style1{position:relative;display:block;margin-bottom:50px; border-radius:5px; overflow:hidden}
.single-blog-style1 .img-holder .inner{position:relative;display:block;overflow:hidden}
.single-blog-style1 .img-holder img{width:100%;transition:all .2s linear;transition-delay:.1s}
.single-blog-style1:hover .img-holder img{transform:scale(1.2);transition:all .5s cubic-bezier(.62,.21,.45,1.52)}
.single-blog-style1 .text-holder{position:relative;display:block;background:#fff;padding:25px 30px 43px}
.single-blog-style1 .text-holder .meta-info{position:relative;display:block;overflow:hidden;padding-bottom:15px}
.single-blog-style1 .text-holder .meta-info li{position:relative;display:inline-block;float:left;color:#777;font-size:14px;line-height:26px;font-weight:400;margin-right:30px}
.single-blog-style1 .text-holder .meta-info li:last-child{margin-right:0}
.single-blog-style1 .text-holder .meta-info li i{position:relative;display:inline-block;padding-right:8px}
.single-blog-style1 .text-holder .meta-info li a{color:#777;transition:all .2s linear;transition-delay:.1s}
.single-blog-style1 .text-holder .meta-info li b{ color:#c50119}
.single-blog-style1 .text-holder .blog-title{font-size:18px;line-height:30px;font-weight:700;text-transform:uppercase}
.single-blog-style1 .text-holder .blog-title a{ white-space: nowrap;color:#11161e;transition:all .2s linear;transition-delay:.1s}
.single-blog-style1 .text-holder .text{position:relative;display:block;padding-top:15px}
.single-blog-style1 .text-holder .text p{margin:0}
.blog-style1_viewmore_button{position:relative;display:block;padding-top:20px}

.newsFocus{width:100%;display:flex;justify-content:space-between;margin-bottom:15px;position:relative}
.newsFocus .newsFirst{width:calc(100%/3 * 2 - 5px)}
.newsFocus .newsRight{width:calc(100%/3 - 10px);position:absolute;height:100%;right:0}
.newsFocus .newsRight a{display:block;position:relative}
.newsFocus .newsRight a:nth-child(2){ margin-top:25px}
.newsFocus .newsRight a .name{width:100%;height:auto;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.5);color:#fff;padding:15px}
.newsFocus .newsRight a .name .time{font-family:butler;line-height:1.6;opacity:.7;font-size:12px;margin-bottom:3px}
.newsFocus .newsFirst a{display:block;position:relative}
.newsFocus .newsFirst a .name{width:100%;position:absolute;left:0;bottom:0;height:auto;text-align:left;color:#fff;font-size:16px;line-height:2;padding:25px;background:rgba(0,0,0,.5)}
.newsFocus .newsFirst a .name .time{width:100%;height:auto;font-size:14px;font-family:butler;line-height:1.6;opacity:.7}
.newsFocus .newsFirst a .name .title{font-size:16px;font-weight:700}
@media screen and (max-width: 768px){
.newsFocus{ display:none}
.single-blog-style1 .text-holder{ padding:10px 0;}
.single-blog-style1 .text-holder .blog-title a{ font-size:14px; font-size:14px}
}

.subMenu{width:100%;display:flex;justify-content:center;margin-bottom:35px}
.subMenu a{width:155px;height:auto;line-height:55px;text-align:center;display:block;text-align:center;background:#eee;color:#0b3088;position:relative;font-size:16px}
.subMenu a:first-child{border-radius:50px 0 0 50px}
.subMenu a:last-child{border-radius:0 50px 50px 0}
.subMenu a.active,.subMenu a:hover{background:#0b3088;color:#fff}
.subMenu a::after{width:1px;height:100%;position:absolute;right:0;top:0;background:rgba(0,0,0,.1);content:''}
.subMenu a:last-child::after{display:none}



/* 新闻列表样式2 */
.blog-element-top{position:relative;overflow:hidden}
.blog-element-top img{-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;width:100%}
.blog-element-top img:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.blog-content{background:#fff;padding:15px 30px 30px}
.blog-content .title a{font-size:18px;font-weight:500; text-decoration:none; color: #e74901;}
.blog-meta .title-subtitle{font-weight:400; padding:25px 0;display:block;font-size:14px; line-height:200%;}

.blog-style2 .blog-grid-item{ position:relative;display:block;margin-top:-250px;background:#fff;padding:50px;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;/*box-shadow:0 15px 60px 15px rgba(0,0,0,.05)*/}
.blog-style2 .blog-element-top{ width:101%}
.blog-style2 .blog-content{ padding:0 30px 0; position:relative}
.blog-style2 .blog-content .title a{font-size:28px;margin:30px 0 10px;display:block}
.blog-style2 .btn-read-more{height:67px;width:67px;background:#ffbb42;display:block;line-height:67px;text-align:center;position:absolute;bottom:0;right:0;text-decoration:none;color:#262626}
.blog-style2 .btn-read-more:hover{background:#262626;color:#fff}
.blog-style2 h5{font-size:80px;color:#777;opacity:.1;margin:0;line-height:60px;position:absolute;bottom:0;left:30px;font-weight:900}

.blog-style2{ background:#f3f3f3; position: relative; display:block; z-index:10;}
.blog-style2 .post-date{top:0;left:0}
.blog-grid-item.blog-grid{position:relative;margin-top:0; margin-bottom:30px; padding:0; background:none;}
.entry-meta-list{margin:0}
.blog-grid .blog-content{background:inherit;padding:0 20px 20px; width:100%;position:absolute;bottom:0;background-image:url(../images/blog-back.png);background-size:cover}
.blog-grid .blog-content .title a{color:#fff; font-size:18px}
.blog-grid .blog-content span{ color:#fff; margin:10px 0; display:block}
.blog-grid .blog-content .entry-meta-list{ color:#fff}
.blog-content .entry-meta-list li{ margin-right:10px;}
.blog-content .entry-meta-list li i{ margin-right:5px;}

/*首页 产品分类*/
.maskfadeUp{display:block;background-color:#004387;z-index:1;-webkit-transition:-webkit-transform 1.2s .5s;transition:transform 1.2s .5s}
.maskfadeUp{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}
.maskfadeUp.animated{-webkit-transform:translateY(-101%);transform:translateY(-101%)}
.home-section3{width:100%;overflow:hidden; padding: 113px 0 120px 0;}
.home-section3 .flexbox{display:flex; padding-top:50px}
@media (max-width:767px){.home-section3 .flexbox{flex-direction:column; padding-top:0}
}
.home-section3 .flexbox .leftbox{flex:0 0 32%;min-width:32%}
.home-section3 .flexbox .leftbox h2{ font-size: 72px; color: #004387; font-family: "BEBAS"; margin: 0 0 20px; line-height: 1;}
.home-section3 .flexbox .leftbox .tit{ font-size: 36px; color: #333; margin: 0 0 120px;}
.home-section3 .flexbox .leftbox .img-box{position:relative;overflow:hidden;width:100%;}

@media (max-width:991px){.home-section3 .flexbox .leftbox{display:none}
}
.home-section3 .flexbox .leftbox .img-box img{width:100%; object-fit:cover; border:1px solid #ccc}
.home-section3 .flexbox .rightbox{flex:0 0 68%;min-width:68%;padding:0 0 0 60px}
@media (max-width:991px){.home-section3 .flexbox .rightbox{flex:inherit;padding:0}
}
.home-section3 .top-swiper{position:relative}
.home-section3 .top-swiper:after{content:"";position:absolute;left:0;top:0;width:1000vh;height:100%;background:#f6f6f6}
@media (max-width:991px){.home-section3 .top-swiper:after{width:100%}
}
.home-section3-top{margin:0 0 40px}
@media (max-width:1199px){.home-section3-top{margin:0 0 20px}
}
@media (max-width:991px){.home-section3-top{margin:0 0 15px}
}
.home-section3-top .swiper-slide{position:relative;z-index:1}
.home-section3-top .swiper-slide .item{position:relative}
.home-section3-top .swiper-slide .item .itemimg{width:100%;height:100%;object-fit:cover}
@media (min-width:991px){.home-section3-top .swiper-slide .item .itemimg{transform:translateX(120px)}
}
@media (min-width:1680px){.home-section3-top .swiper-slide .item .itemimg{transform:translateX(150px)}
}
.home-section3-top .swiper-slide .item .mask{position:absolute;left:0;top:0;width:450px;height:100%;background:rgba(1,68,135,0.7);padding:30px 50px;display:flex;flex-direction:column;justify-content:center}
@media (max-width:1680px){.home-section3-top .swiper-slide .item .mask{padding:30px 50px;display:flex;justify-content:center;flex-direction:column}
}
@media (max-width:1440px){.home-section3-top .swiper-slide .item .mask{padding:20px 30px;width:300px}
}
@media (max-width:991px){.home-section3-top .swiper-slide .item .mask{position:static;width:100%;height:auto;padding:20px}
}
.home-section3-top .swiper-slide .item .mask h4{ font-size:40px; margin:0 0 15px; line-height:200%}
.home-section3-top .swiper-slide .item .mask a{ color:#fff; }
@media (max-width:1440px){.home-section3-top .swiper-slide .item .mask h4{font-size:24px}
}
@media (max-width:991px){.home-section3-top .swiper-slide .item .mask h4{font-size:18px}
}
.home-section3-top .swiper-slide .item .mask .tips{ width:100%; height:3px; background:#bad618; display:flex ;align-items:center; font-size:20px; color:#353535; margin:0 0 90px;position:relative}
@media (max-width:1440px){.home-section3-top .swiper-slide .item .mask .tips{margin:0 0 20px;}
}
@media (max-width:991px){.home-section3-top .swiper-slide .item .mask .tips{font-size:14px;margin:0 0 15px}
}
.home-section3-top .swiper-slide .item .mask .tips:after{content:"";position:absolute;left:0;bottom:-70px;width:1px;height:44px;background:rgba(255,255,255,.5)}
@media (max-width:1440px){.home-section3-top .swiper-slide .item .mask .tips:after{display:none}
}
.home-section3-top .swiper-slide .item .mask .des{font-size:1em; line-height:1.8; margin:0 0 25px}
@media (max-width:1680px){.home-section3-top .swiper-slide .item .mask .des{margin:0 0 20px}
}
@media (max-width:1440px){.home-section3-top .swiper-slide .item .mask .des{margin:0 0 10px}
}
@media (max-width:991px){.home-section3-top .swiper-slide .item .mask .des{margin:0 0 5px}
}
.home-section3-top .swiper-slide .item .mask .more{ font-size:18px; color:#fff; display:flex;align-items:center; bottom:30px; right:30px; position:absolute}
.home-section3-top .swiper-slide .item .mask .more img{margin:0 0 0 12px}
.home-section3-thumbs .swiper-slide .item{height:128px;cursor:pointer;border:3px solid transparent;transition:.3s}
.swiper-button-prev i,.swiper-button-next i{ font-size:1.5rem; line-height:200%; color:#014487}
@media (max-width:1199px){.home-section3-thumbs .swiper-slide .item{height:100px}
}
@media (max-width:991px){.home-section3-thumbs .swiper-slide .item{height:90px}
}
@media (max-width:767px){.home-section3-thumbs .swiper-slide .item{height:80px}
}
@media (max-width:575px){.home-section3-thumbs .swiper-slide .item{height:55px}
}
.home-section3-thumbs .swiper-slide-thumb-active .item{ border:3px solid #014487}
.home-section3-thumbs .swiper-slide .item img{width:100%;height:100%;object-fit:cover;}
.home-section3-thumbs .swiper-slide .item.more{background:#f6f6f6}
.home-section3-thumbs .swiper-slide .item.more a{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.home-section3-thumbs .swiper-slide .item.more img{width:auto;height:auto;object-fit:inherit;margin:0 0 8px}
.home-section3-thumbs .swiper-slide .item.more span{ display:block; font-size:32px;}
.home-section3-thumbs .swiper-slide .item.more p{font-size:16px;color:#004387}

/* 宣传视频 */
.video-gallery-area{position:relative;display:block;background-attachment: fixed;background-position:center center;background-repeat:no-repeat;background-size:cover;padding-top:100px; padding-bottom:120px;z-index:1}
.video-gallery-area:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:#11161e;opacity:.8;z-index:-1}
.video-holder-box{position:relative;display:block}
.video-holder-box .icon{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:157px;height:157px;margin:0 auto;border-radius:50%;z-index:1}
.video-holder-box .icon:after{position:absolute;content:'';top:0;left:0;bottom:0;right:0;border:28px solid rgba(255,255,255,.1);border-radius:50%;z-index:-1}
.video-holder-box .icon:before{position:absolute;content:'';top:-5px;left:-5px;bottom:-5px;right:-5px;border-radius:50%;background:rgba(54,124,232,0);z-index:-1}
.video-holder-box:hover .icon:before{-webkit-box-shadow:0 0 0 0 rgba(54,124,232,.09);box-shadow:0 0 0 0 rgba(54,124,232,.09);-webkit-animation:ripple 1s infinite;animation:ripple 3s infinite}
.video-holder-box .icon a{ position:relative;display:inline-block;width:101px;height:101px;background:rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:50px;line-height:100px}
.video-holder-box h2{color:#fff;font-size:36px;line-height:60px;font-weight:100;text-transform:uppercase;margin:28px 0 30px}
.video-gallery-area.subscribe-style2-area .subscribe-content-box{ padding: 120px 40px 40px;}

/* 研发团队 */
.team-area{position:relative;display:block;padding:120px 0 77px;z-index:1}
.team-area .sec-title .sub-title p{margin:0 0 8px}
.single-team-item{position:relative;display:block;margin-bottom:40px}
.single-team-item .img-holder{position:relative;display:block;padding-right:40px}
.single-team-item .img-holder .inner{position:relative;display:block;overflow:hidden}
.single-team-item .img-holder .inner:after{position:absolute;content:"";bottom:0;left:0;right:0;height:100%;background:#fff;transition-delay:.1s;transition-timing-function:ease-in-out;transition-duration:.5s;transition-property:all;opacity:1;transform-origin:bottom;transform-style:preserve-3d;transform:skewY(45deg);z-index:1;top:119%}
.single-team-item:hover .img-holder .inner:after{top:0;opacity:.8;transform:scaleY(1)}
.single-team-item .img-holder img{width:100%;transition:all .2s linear;transition-delay:.1s}
.single-team-item:hover .img-holder img{filter:grayscale(1);transform:scale(1.2);transition:all .5s cubic-bezier(.62,.21,.45,1.52)}
.single-team-item .img-holder .overlay-icon{position:absolute;top:0;left:0;bottom:0;right:40px;z-index:3;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;-webkit-transition:.9s;-o-transition:.9s;transition:.9s;transform:perspective(400px) scaleY(0);transform-origin:bottom}
.single-team-item:hover .img-holder .overlay-icon{transform:perspective(400px) scaleY(1)}
.single-team-item .img-holder .overlay-icon a{position:relative;display:inline-block}
.single-team-item .img-holder .overlay-icon span{color:#fff;font-size:40px;line-height:40px}
.single-team-item .social-icon{position:absolute;top:0;right:0;bottom:0;width:40px;z-index:3}
.single-team-item .social-icon ul{position:relative;display:block;height:100%;background:#fff}
.single-team-item .social-icon ul li{position:relative;width:100%;height:20%;display:flex;align-items:center;justify-content:center}
.single-team-item .social-icon ul li a{position:relative;display:block;color:#c6c6c7;font-size:16px;line-height:30px;text-align:center;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
.single-team-item .social-icon ul li a:hover{color:#000}
.single-team-item .title-holder{position:relative;display:block;padding:22px 0 0}
.single-team-item .title-holder h3{font-size:20px;line-height:30px;font-weight:600;text-transform:uppercase;margin-bottom:10px}
.single-team-item .title-holder h3 a{color:#11161e;transition:all .2s linear;transition-delay:.1s}
.single-team-item .title-holder p{color:#777;font-size:14px;line-height:16px;font-weight:400;margin:0}
.team-page-one{padding:120px 0 70px}
.team-page-one .single-team-item{margin-bottom:47px}

/* 合作客户 */
.partner-area{ padding:30px 0}
.testimonial-style1-area{position:relative;display:block;background:#f3f3f4;padding:0}
.testimonial-style1-content{position:relative;display:block; }
.testimonial-style1-content .inner-content{position:relative;display:block;background:#fff;padding:61px 70px 50px}
.single-testimonial-style1{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}
.single-testimonial-style1 .text-holder{position:relative;display:block;max-width:740px;width:100%}
.single-testimonial-style1 .text-holder h3{font-size:32px;line-height:44px;font-weight:400}
.single-testimonial-style1 .text-holder .client-info{position:relative;display:block;margin-top:39px;padding-top:6px;padding-left:30px;padding-bottom:3px;z-index:1}
.single-testimonial-style1 .text-holder .client-info::before{position:absolute;top:0;left:0;bottom:0;width:70px;background:#f3f3f4;content:"";z-index:-1}
.single-testimonial-style1 .text-holder .client-info h4{font-size:18px;line-height:22px;font-weight:700;text-transform:uppercase;margin:0 0 4px}
.single-testimonial-style1 .text-holder .client-info span{color:#777}
.single-testimonial-style1 .img-holder{position:relative;display:block;max-width:200px;width:100%}
.single-testimonial-style1 .img-holder img{width:100%;border-radius:50%}
.testimonial-style1_carousel.owl-nav-style-one.owl-theme .owl-nav{position:absolute;top:50%;left:-140px;right:-140px;transform:translateY(-50%);z-index:-1}
.testimonial-style1_carousel.owl-nav-style-one.owl-theme .owl-nav .owl-prev{float:left}
.testimonial-style1_carousel.owl-nav-style-one.owl-theme .owl-nav .owl-next{float:right}
.testimonial-style1-content .inner-content .bg_white{position:absolute;top:0;left:-10000000px;bottom:0;right:-10000000px;background:#fff}

.testimonial-style2-area{position:relative;display:block;padding:80px 0 80px;z-index:1}


.testimonial-style2-area .left{width:31.82%;height:auto;padding:50px;position:absolute;z-index:5;background-color:#004387;color:#fff;margin-left:3%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px}
.testimonial-style2-area .right{width:70%;position:relative;margin-left:auto;margin-right:0;right:3%;top:0}
.testimonial-style2-area .right .img-box{ background-size:cover; background-position:center; background-repeat:no-repeat; padding:100px 0}
.testimonial-style2-area .left .title{font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:15px}
.testimonial-style2-area .left .des{line-height:1.8;height:auto;overflow:hidden;font-size:16px;opacity:.7}
.testimonial-style2-area .left .more{line-height:45px;background-color:#fff;border-radius:45px;width:154px;text-align:center;display:inline-block;color:#3e3e3e;margin-top:40px}
.testimonial-style2-area .left .ctrl{position:absolute;right:-29px;bottom:70px;z-index:5}
.testimonial-style2-area .left .ctrl i{ background:#fff; font-size: 32px; color: #0079c2; border-radius: 50%; width:56px; line-height:56px; height:56px; text-align:center}
.testimonial-style2-area .left .ctrl .left_{margin-bottom:10px;cursor:pointer}
.testimonial-style2-area .left .ctrl .right_{cursor:pointer}
.testimonial-style2-area .left .pag{position:absolute;left:75px;bottom:85px;display:none}
.testimonial-style2-area .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border-radius:12px;-webkit-transition:all .5s;transition:all .5s}
.testimonial-style2-area .swiper-pagination-bullet-active{width:50px}
.testimonial-style2-area .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:16px}
@media screen and (max-width:768px){
.testimonial-style2-area{ padding:0}
.testimonial-style2-area .sec-title{ display:none }
.testimonial-style2-area .left{width:100%; top:0;margin:0;transform:translate(0,0); background-color: rgba(34,126,220,0.7);}
.testimonial-style2-area .left .swiper-container{width:85%}
.testimonial-style2-area .right{width:100%;right:0;}
.testimonial-style2-area .right .img-box{ padding:0}
.testimonial-style2-area .right .img-box p{ display:none}
.testimonial-style2-area .left .ctrl{right:0;width:94%;left:3%;top:50%;bottom:auto;transform:translateY(-50%)}
.testimonial-style2-area .left .ctrl .left_{position:absolute;left:0;margin:0}
.testimonial-style2-area .left .ctrl .right_{right:0;position:absolute}
.testimonial-style2-area .left .more{width:90px;line-height:30px}
}


/* 新闻详情 */
.nyban{ width: 100%; font-size: 16px; color: #fff; text-align: center; background-size:cover; position:relative;}
.nyban_image{ z-index:9;}
.nyban_image img{ width:100%;}
.top-detail{ position: absolute; z-index: 3;  width: 1200px;  left: 50%;  bottom: 50px;  margin-left: -600px;  color: #fefefe; text-align:left;	 }
.top-detail h1{ font-size:2em; font-weight:bold; border-left:10px solid #C3CA64; padding-left:10px; color:#fff }
.top-detail .info{ border-bottom: 1px solid #d7d7d7; overflow:hidden; margin-left:25px; margin-right:35px; font-size:18px;}
.top-detail .info-txt{ padding:12px 0 5px 0; text-align:left; color:#fff}
.top-detail .sep{ display: inline-block;  padding: 0 20px;}
.top-detail .conpng{ padding-right: 35px;  color: #ccc; padding: 15px 65px 0 0; margin: 0 10px 0 25px; max-width:850px;}

.newsxq{width: 100%;overflow: hidden; padding-bottom:35px;}
.newsxq-mback{width: 100%;overflow: hidden;padding-bottom: 24px;border-bottom: 1px solid #f0f0f0;}
.newsxq-mback a{display: inline-block;position: relative;font-size: 16px;color: #00bccc; transition: all .4s ease;}
.newsxq-mback a i{ padding-right:10px;}
.newsxq-mback a:hover{color: #007a9a;}
.newsxq-mtitle{width: 100%;padding: 44px 0 10px;}
.newsxq-mtitle h6{font-size: 32px; line-height: 42px;font-weight: 500;}
.newsxq-mshare{width: 100%;overflow: hidden;margin-top: 18px;font-size: 0;}
.newsxq-mshare p{display: inline-block;margin-right: 42px;vertical-align: middle;}
.newsxq-mshare p span{display: inline-block;font-size: 16px;color: #888;vertical-align: middle;}
.newsxq-mpicwords{width: 100%;overflow: hidden;padding-bottom: 60px; font-size: 14px; color: #333;line-height: 200%;margin-top: 28px;}

.newsxq-updown{width: 100%;padding-top: 24px;border-top: 1px solid #f0f0f0;}
.newsxq-updown p{width: 100%;height: 36px;line-height: 36px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; color:#ccc}
.newsxq-updown a{color: #ccc;transition: all .4s ease;}
.newsxq-updown a:hover{color: #00bccc;}
@media (max-width:768px){
.nyban_image img{ max-width:200%; width:200%;}
.top-detail{ width: 100%; margin-left: 0;  left: 0; right: 0; bottom: 0;}
.top-detail .conpng{ padding-right:0}
}
.service-details{ padding-bottom:45px;}
.service-details .service-sidebar .powerby{ background: #f9f9f9; padding: 20px;}
.service-details .service-sidebar .powerby h3{margin-bottom:24px; font-weight:normal; font-size:24px;}
.service-details .service-sidebar .powerby p {margin-bottom:30px; line-height:30px; color:#e74901; font-size:14px}
.service-details .service-sidebar .powerby .contact-list li{ position:relative; display:block; margin-bottom:5px; font-size:12px;}
.service-details .service-sidebar .powerby .contact-list li:last-child{margin-bottom:0;}
.service-details .service-sidebar .powerby .contact-list li i{margin-right:10px;color:#004cda;}
.service-details .service-sidebar .powerby .contact-list li a{color:#666;}
.service-details .service-sidebar .powerby .contact-list li a:hover{color:#004cda;}

.sidebar-categories-box{position:relative;display:block;overflow:hidden}
.sidebar-categories-box h3{color:#11161e;font-size:24px;line-height:24px; text-transform:uppercase;margin:0 0 13px}
.sidebar-categories-box li{position:relative;display:block}
.sidebar-categories-box li a{position:relative;display:block;padding-left:25px;color:#777;font-size:14px;line-height:36px;font-weight:400;transition:all .5s ease;font-family:'Open Sans',sans-serif;transition:all .2s linear;transition-delay:.1s}
.sidebar-categories-box li a span{position:relative;display:inline-block;float:right}
.sidebar-categories-box li a::before{content:"";position:absolute;left:0;width:15px;height:15px;background:#f3f3f4;border-radius:3px;border:1px solid #e7e7e8;margin:11px 0}
.sidebar-categories-box li a::after{content:"";position:absolute;left:0;width:15px;height:15px;border-radius:3px;transform:scale(0);margin:11px 0;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
.sidebar-categories-box li a:hover:after{transform:scale(1)}
/* 分页 */
.pagination-wrapper{margin:0 auto}
.pagination{height:34px;text-align:center}
.pagination li{display:inline-block;height:34px;margin-right:5px}
.pagination li a{float:left;display:block;height:32px;line-height:32px;padding:0 12px;font-size:16px;border:1px solid #ddd;color:#555;text-decoration:none}
.pagination li a:hover{background:#f5f5f5;color:#09f}
.pagination li.thisclass{background:#09f;color:#fff}
.pagination li.thisclass a,.pagination li.thisclass a:hover{background:0 0;border-color:#09f;color:#fff;cursor:default}


.blog-details-area{position:relative;display:block;padding:120px 0 120px}
.blog-details_content{position:relative;display:block}
.blog-details_text{position:relative;display:block}
.blog-details_text .top{position:relative;display:block;padding-bottom:40px}
.blog-details_text .top h2{color:#e74901;font-size:32px;line-height:42px;font-weight:700;text-transform:uppercase;margin:0 0 11px}
.blog-details_text .top p{font-size:16px;line-height:20px;font-weight:400;text-transform:uppercase;margin:0}
.blog-details_text .top p span{font-weight:600;margin-right:10px}
.blog-details-text1{position:relative;display:block;border:5px solid #fff;padding:45px 45px 43px;margin-top:43px;margin-bottom:44px}
.blog-details-text1 h3{color:#11161e;font-size:24px;line-height:40px;font-weight:300}
.blog-details_video_holder{position:relative;display:block;max-width:100%;width:100%;margin-top:27px;margin-bottom:44px}
.blog-details_video_holder .video-gallery_box{padding:150px 0 150px}
.blog-details-text3{position:relative;display:block}


/* 联系我们 */
.contact-style1-area{position:relative;display:block; padding-bottom:90px;}
.contact-style1_form{position:relative;display:block; margin:0 auto}
.contact-style1_form .title{position:relative;display:block;margin-top:-5px;padding-bottom:33px}
.contact-style1_form .title h4{font-size:24px;line-height:24px;font-weight:700;text-transform:uppercase;margin:0 0 13px; color: #e50011;}
.contact-style1_form .title p{margin:0}

.subscribe-area{ padding:60px; background-position:center; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; position:relative;z-index:1;display:block;overflow:hidden; margin:90px auto; }
.banner-content .main-title{font-size:36px;font-weight:300;color:#fff;margin-bottom:45px}
.banner-content p{margin-top:30px;font-family:Nunito,sans-serif;font-size:18px;letter-spacing:3px;color:#333;font-weight:300}

.contact-form{position:relative;display:block; padding-right:80px}
.contact-form form{position:relative;display:block}
.contact-form form .input-box{position:relative;display:block;margin-bottom:25px}
.contact-form form input[type=email],.contact-form form input[type=text],.contact-form form textarea{position:relative;display:block;background:0 0;width:100%;height:55px;border:1px solid #f4f7fc;color:#777;font-size:13px;font-weight:400;font-style:normal;padding-left:29px;padding-right:25px;transition:all .5s ease;font-family:'Open Sans',sans-serif; background-color: #f4f7fc; border-radius: 5px;}
.contact-form form textarea{height:208px;padding-top:15px;padding-left:29px;padding-right:25px;resize: none;}
.contact-form form input:focus,.contact-form form textarea:focus{color:#171717;border-color:#004387}
.contact-form form .button-box{position:relative;display:block;padding-top:10px}

/* 产品详情页 */
#shop-area{padding-top:60px;padding-bottom:60px; background: #f3f3f4;}
.main-shop-area{position:relative;display:block;background:#f3f3f4}
#shop-area .shop-content{position:relative;display:block}

.single-product-item{position:relative;display:block;transition:all .5s ease;margin-bottom:38px}
.single-product-item .img-holder{position:relative;display:block;overflow:hidden}
.single-product-item .img-holder img{transform:scale(1.05);-webkit-transition:all .4s linear;transition:all .4s linear;width:100%}
.single-product-item:hover .img-holder img{transform:scale(1)}
.single-product-item .img-holder .overlay-content{position:absolute;top:0;left:0;bottom:0;right:0;content:"";display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);opacity:1;transform:translateY(100%);transition:all .5s ease .1s;z-index:5}
.single-product-item:hover .img-holder .overlay-content{opacity:1;transform:translateY(0)}
.single-product-item .img-holder .overlay-content a{ background:#e50011; position:relative;display:inline-block;padding:0 20px;color:#fff;font-size:14px;line-height:40px;font-weight:400;text-transform:uppercase;opacity:0;transform:translateY(-50px);transition:all .5s ease .3s}
.single-product-item:hover .img-holder .overlay-content a{opacity:1;transform:translateY(0);transition:all .5s ease .6s}
.single-product-item .img-holder .overlay-content a:hover{background:rgba(0,0,0,.5)}
.single-product-item .title-holder{position:relative;display:flex;flex-direction:row;justify-content:space-between;padding:30px 0 0}
.single-product-item .title-holder .left{position:relative;display:block;top:-5px}
.single-product-item .title-holder h4{font-size:16px; font-weight: 700; line-height:65px; text-transform:uppercase}
.single-product-item .title-holder h4 a{color:#11161e}

.single-product-item .title-holder .right{position:relative;display:block}
.single-product-item .title-holder .right a{position:relative;display:inline-block;background:#fff;width:65px;height:65px;background:#fff;border-radius:3px;color:#888;font-size:40px;line-height:65px;text-align:center;transition:all .2s linear;transition-delay:.1s;z-index:1}
.single-product-item .title-holder .right a::before{position:absolute;top:0;left:0;bottom:0;right:0;border-radius:3px;content:"";transform:scaleY(0);transition:all .2s linear;transition-delay:.1s;z-index:-1}
.single-product-item .title-holder .right span{ font-size:24px; display:block; color: #004387;}

.single-product-item:hover .title-holder .right a::before{transform:scaleY(1)}
.single-product-item:hover .title-holder .right a{color:#fff}

#shop-area.single-shop-area{ background:#f0f1f4}
.single-product-image-holder{position:relative;display:block}
.single-product-image-holder .bx-wrapper{position:relative;margin:0;padding:0}
.single-product-image-holder .bx-wrapper .bx-viewport{box-shadow:none;border:0 solid;left:0;background:#fff;transform:translatez(0)}
.single-product-image-holder .slider-content{position:relative;display:block}
.single-product-slide{position:relative;display:block}
.single-product-slide .big-image-box{position:relative;display:block;overflow:hidden}
.single-product-slide .big-image-box img{width:100%;transition:.5s ease;}
.single-product-slide:hover .big-image-box img{transform:scale(1)}
.single-product-image-holder .slider-pager{position:relative;display:block; width:100%;margin-top:20px;padding:0 31px}
.single-product-image-holder .slider-pager .thumb-box{position:relative;display:block;overflow:hidden;}
.single-product-image-holder .slider-pager .thumb-box li{position:relative;display:inline-block;float:left;}
.single-product-image-holder .slider-pager .thumb-box li a{position:relative;display:inline-block}
.single-product-image-holder .slider-pager .thumb-box li .img-holder{position:relative;display:block;overflow:hidden;padding:1px;background:#f3f3f3;z-index:1}
.single-product-image-holder .slider-pager .thumb-box li .img-holder:before{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .2s linear;transition-delay:.1s;opacity:0;content:""; border:1px solid #e50011}
.single-product-image-holder .slider-pager .thumb-box li a.active .img-holder:before{opacity:1}
.single-product-image-holder .slider-pager ul.nav-link{position:absolute;top:-100px;left:0;margin:0;padding:0;bottom:0;right:0;height:30px}
.single-product-image-holder .slider-pager ul.nav-link li#slider-prev{position:absolute;top:0;left:0;width:30px;height:40px}
.single-product-image-holder .slider-pager ul.nav-link li#slider-next{position:absolute;top:0;right:0;width:30px;height:30px}
.single-product-image-holder .slider-pager ul.nav-link li a{position:relative;display:block;background:#fff;width:30px;height:30px;border-radius:0;color:#848484;text-align:center;font-size:16px;line-height:28px;border:1px solid #eee;transition:.5s ease}
.single-product-image-holder .slider-pager ul.nav-link li a:hover{color:#fff;border-color:#000;background:#000}
.single-shop-content .content-box{position:relative;display:block;padding-left:100px}
.single-shop-content .content-box .top{position:relative;display:block}
.single-shop-content .content-box .top .title-box{position:relative;display:block}
.single-shop-content .content-box .top .title-box h3{color:#11161e; font-size:24px; line-height:40px; font-weight:700;text-transform:uppercase;margin:0 0 24px}
.single-shop-content .content-box .top .title-box h5{color:#11161e;font-size:16px; line-height:40px;font-weight:700;text-transform:uppercase;font-family:'Open Sans',sans-serif}
.single-shop-content .content-box .top .title-box h5 span{position:relative;display:inline-block;padding-left:20px;color:#777; font-weight:400;text-transform:none}

.single-shop-content .content-box .text{position:relative;display:block;overflow:hidden;border-top:1px solid #d2d2d2;}
.single-shop-content .content-box .text p{color:#777;font-size:14px;line-height:23px; padding-top:23px; font-weight:400;margin:0}
.single-shop-content .content-box .text p i{ color:#f7ab48; margin-right:5px}
.share-products-socials{position:relative;display:block;overflow:hidden;margin-top:30px}
.share-products-socials h5{position:relative;display:inline-block;float:left;color:#11161e;font-size:13px;line-height:40px;font-weight:700;text-transform:uppercase;font-family:Poppins,sans-serif}
.share-products-socials ul{ position:relative;display:inline-block; line-height: 40px; margin-left:10px}
 .share-products-socials ul li{display: inline-block; border-top-left-radius: 4px; vertical-align: middle; border-bottom-right-radius: 4px; border: 1px solid; line-height: 20px; margin-right: .08rem; margin-bottom: .06rem; padding: 0 10px;} 
.share-products-socials ul li:nth-child(1),.share-products-socials ul li:nth-child(1) a{ color: #2283e2; border-color: #2283e2;}
.share-products-socials ul li:nth-child(2),.share-products-socials ul li:nth-child(2) a{ color: #00b988; border-color: #00b988;}
.share-products-socials ul li:nth-child(3),.share-products-socials ul li:nth-child(3) a{ color: #f79748; border-color: #f79748;}
.share-products-socials ul li:nth-child(4),.share-products-socials ul li:nth-child(4) a{ color: #d30000; border-color: #d30000;}

.addto-cart-box{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;margin-top:40px}
.addto-cart-box .cart-box{position:relative;display:block}
.addto-cart-box .cart-box button.addtocart{position:relative;display:inline-block;padding-left:30px;padding-right:30px;background:#fff;color:#000;font-size:13px;line-height:50px;font-weight:600;text-transform:uppercase;cursor:pointer;font-family:'Open Sans',sans-serif;transition:all .2s linear;transition-delay:.1s;-webkit-box-shadow:0 2px 0 1px #e5e5e5;box-shadow:0 2px 0 1px #e5e5e5}
.addto-cart-box .cart-box button.addtocart:hover{color:#fff;background:#0a0a0a}
.addto-cart-box .menu-box{position:relative;display:block}
.addto-cart-box .menu-box ul{margin-left:10px}
.addto-cart-box .menu-box ul li{position:relative;display:inline-block;float:left;margin-right:10px}
.addto-cart-box .menu-box ul li:last-child{margin-right:0}
.addto-cart-box .menu-box ul li a{position:relative;display:block;text-align:center;width:40px;height:40px;background:#fff;border-radius:50%;color:#798795;font-size:16px;line-height:40px;-webkit-box-shadow:0 2px 0 1px #e5e5e5;box-shadow:0 2px 0 1px #e5e5e5;transition:all .2s linear;transition-delay:.1s}
.addto-cart-box .menu-box ul li a:hover{color:#fff}
.product-tab-box{position:relative;display:block;overflow:hidden;margin-top:83px;background:#fff;padding:50px 50px 50px}
.product-tab-box.tabs-box{ margin-top:0}
.product-tab-box .tab-btns{position:relative;display:block;margin-bottom:30px;z-index:1}
.product-tab-box .tab-btns .tab-btn{position:relative;display:inline-block;float:left;margin-right:5px}
.product-tab-box .tab-btns .tab-btn:last-child{margin-right:0}
.product-tab-box .tab-btns .tab-btn span{position:relative;display:block;background:#f3f3f4;border-radius:0;cursor:pointer;margin:0;padding:13px 20px 13px;color:#121a37;font-size:14px;font-weight:700;text-transform:uppercase;transition:all .5s ease;font-family:'Open Sans',sans-serif}
.product-tab-box .tab-btns .tab-btn.active-btn span,.product-tab-box .tab-btns .tab-btn:hover span{color:#fff}
.product-tab-box .tab-btns .tab-btn.active-btn span{ background:#004387}
.product-tab-box .tabs-content{position:relative;display:block;padding:0}
.product-tab-box .tabs-content .tab{position:relative;padding:0;display:none}
.product-tab-box .tabs-content .tab.active-tab{display:block}
.desc-content-box{position:relative;display:block; line-height:200%; font-size:16px;}

.product-tab-box .review-form{position:relative;display:block}
.product-tab-box .review-form .shop-page-title{padding-bottom:29px}
.product-tab-box .review-form .shop-page-title .title{color:#000;font-size:20px;line-height:30px;font-weight:600;margin:0 0 4px;text-transform:capitalize;font-family:Poppins,sans-serif}
.product-tab-box .review-form .shop-page-title p{margin:0}
.product-tab-box .review-form .shop-page-title p b{font-weight:400}
.product-tab-box .review-form .add-rating-box{position:relative;display:block;overflow:hidden;margin-bottom:20px}
.product-tab-box .review-form .input-box p{font-size:15px;line-height:20px;font-weight:500;margin:0 0 5px}
.product-tab-box .review-form form input[type=email],.product-tab-box .review-form form input[type=text],.product-tab-box .review-form form textarea{position:relative;display:block;background:#fff;width:100%;height:50px;border:1px solid #ededed;color:#252525;font-size:15px;padding:0 20px;margin-bottom:30px;border-radius:0;transition:all .5s ease}
.product-tab-box .review-form form textarea{height:150px;padding:10px 20px;margin-bottom:40px}
.product-tab-box .review-form form input[type=text]:focus{border-color:#e1dddd}
.product-tab-box .review-form form input[type=email]:focus{border-color:#e1dddd}
.product-tab-box .review-form form textarea:focus{border-color:#e1dddd}


.related-product-area{position:relative;display:block;background:#f3f3f4;padding:0 0 70px}
.cart-area{padding-top:120px;padding-bottom:120px;background:#f3f3f4}
.cart-area .auto-container-box{position:static;max-width:1400px;padding:0 15px;margin:0 auto}
.cart-area .table-outer{position:relative;width:100%;overflow-x:auto}
.cart-area .cart-table{min-width:1024px;width:100%;background:#fff}
.cart-area .cart-table .cart-header{position:relative;width:100%}
.cart-area .cart-table thead tr{border:1px solid #ededed;background:#fff}
.cart-area .cart-table thead tr th{color:#11161e;font-size:14px;line-height:24px;font-weight:700;text-transform:uppercase;text-align:center;min-width:160px;padding:22px 40px;border:1px solid #ededed;font-family:Poppins,sans-serif}
.cart-area .cart-table tbody tr{border-bottom:1px solid #ededed}
.cart-area .cart-table tbody tr td{min-width:160px;padding:20px 40px;border:1px solid #ededed}
.cart-area .cart-table tbody tr .prod-column .column-box{position:relative;min-height:120px}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb{width:120px}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb a{position:relative;display:block;border-radius:0}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb a img{width:auto}
.cart-area .cart-table tbody tr td.description{min-width:300px;padding:20px 30px;border:1px solid #ededed}
.product-description{position:relative;display:block}
.product-description h4{color:#11161e;font-size:14px;line-height:20px;font-weight:700;text-transform:uppercase;margin:0 0 7px}
.product-description p{color:#777;font-size:14px;line-height:24px;font-weight:400;margin:0}
.cart-area .cart-table tbody tr td.model{text-align:center}
.cart-area .cart-table tbody tr td.model p{color:#777;font-size:14px;font-weight:400;margin:0}
.cart-area .cart-table tbody tr td.edit{text-align:center}
.product-edit-delet-button{position:relative;display:block}
.product-edit-delet-button .button{margin:10px 0}
.product-edit-delet-button .button a{color:#777;font-size:20px;transition:all .2s linear;transition-delay:.1s}
.product-edit-delet-button .button a:hover{color:#000}
.cart-area .cart-table tbody tr td.qty .product-quantity-box{border-left:0 solid;padding-left:10px;margin-left:10px}
.cart-area .cart-table tbody tr td.price{color:#777;font-size:14px;font-weight:400;text-align:center}
.cart-area .cart-table tbody tr td.sub-total{color:#777;font-size:14px;font-weight:400;text-align:center}
.cart-button{position:relative;display:block;background:#fff;padding:10px 30px 20px}
.cart-button button{color:#fff;background:#000;border-color:#000;line-height:45px;padding:0 25px;margin-top:10px}
.estimate-form-box{position:relative;display:block;background:#fff;padding:0 50px 50px;margin-top:50px}
.estimate-form-box .title{position:relative;display:block;padding-top:25px;padding-bottom:25px}
.estimate-form-box .title::before{position:absolute;left:-50px;bottom:0;right:-50px;height:1px;background:#e7e7e8;content:""}
.estimate-form-box .title h4{color:#11161e;font-size:16px;line-height:22px;font-weight:700;text-transform:uppercase}
.estimate-form-box .estimate-form{position:relative;display:block;padding-top:24px}
.estimate-form-box .input-box{position:relative;display:block;padding-bottom:9px}
.estimate-form-box .input-box p{color:#777;font-size:13px;line-height:20px;font-weight:600;text-transform:uppercase;margin:0 0 10px}
.estimate-form-box .input-box input[type=text]{position:relative;display:block;padding:0 19px;width:100%;height:40px;background:#f3f3f4;border:1px solid #eeefef;color:#798795;font-size:13px;font-weight:400;transition:all .5s ease 0s}
.estimate-form-box .button-box{position:relative;display:block;overflow:hidden;padding-top:10px}
.estimate-form-box .button-box button{line-height:45px;background:#000;border-color:#000;padding:0 30px;float:right}
.estimate-form-box .input-box input[type=text]::-webkit-input-placeholder{color:#777}
.estimate-form-box .input-box input[type=text]:-moz-placeholder{color:#777}
.estimate-form-box .input-box input[type=text]::-moz-placeholder{color:#777}
.estimate-form-box .input-box input[type=text]:-ms-input-placeholder{color:#777}
.discount-form-box{position:relative;display:block;background:#fff;padding:0 50px 50px;margin-top:50px}
.discount-form-box .title{position:relative;display:block;padding-top:25px;padding-bottom:25px}
.discount-form-box .title::before{position:absolute;left:-50px;bottom:0;right:-50px;height:1px;background:#e7e7e8;content:""}
.discount-form-box .title h4{color:#11161e;font-size:16px;line-height:22px;font-weight:700;text-transform:uppercase}
.discount-form-box .discount-form{position:relative;display:block;padding-top:24px}
.discount-form-box .input-box{position:relative;display:block;padding-bottom:9px}
.discount-form-box .input-box p{color:#777;font-size:13px;line-height:20px;font-weight:600;text-transform:uppercase;margin:0 0 10px}
.discount-form-box .input-box input[type=text]{position:relative;display:block;padding:0 19px;width:100%;height:40px;background:#f3f3f4;border:1px solid #eeefef;color:#798795;font-size:13px;font-weight:600;transition:all .5s ease 0s}
.discount-form-box .button-box{position:relative;display:block;overflow:hidden;padding-top:10px}
.discount-form-box .button-box button{line-height:45px;background:#000;border-color:#000;padding:0 30px;float:right}
.discount-form-box .input-box input[type=text]::-webkit-input-placeholder{color:#798795}
.discount-form-box .input-box input[type=text]:-moz-placeholder{color:#798795}
.discount-form-box .input-box input[type=text]::-moz-placeholder{color:#798795}
.discount-form-box .input-box input[type=text]:-ms-input-placeholder{color:#798795}
.checkout-form-box{position:relative;display:block;background:#fff;padding:42px 50px 50px;margin-top:50px}
.checkout-form-box ul{position:relative;display:block;overflow:hidden;float:right;width:100%;text-align:right}
.checkout-form-box ul li{position:relative;display:block;color:#11161e;font-size:16px;line-height:30px;font-weight:600}
.checkout-form-box ul li span{position:relative;display:inline-block;padding-left:20px}
.checkout-form-box .button-box{position:relative;display:block;overflow:hidden;padding-top:21px;float:right}
.checkout-form-box .button-box button{line-height:45px;background:#000;border-color:#000;padding:0 30px;float:right}
.product-quantity-box{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;border-left:1px solid #ededed;padding-left:10px;margin-left:10px}
.product-quantity-box .left{position:relative;display:block;padding-right:10px}
.product-quantity-box .left h6{color:#798795;font-size:13px;font-weight:700;text-transform:capitalize;font-family:'Open Sans',sans-serif}
.product-quantity-box .input-group.bootstrap-touchspin{position:relative;width:110px;height:50px}
.product-quantity-box input.quantity-spinner.form-control{position:relative;display:block;padding:0;width:50px;flex:none;height:50px;color:#1b1b1b;font-size:18px;font-weight:600;border:0 solid #ededed;outline:0;margin:0 auto;text-align:center;font-family:Poppins,sans-serif}
.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical{position:absolute;top:0;left:0;bottom:0;right:0;width:100%}
.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn{position:relative;display:block;margin-left:0;background:#fff;border:0 solid #ededed;color:#1b1b1b;cursor:pointer;height:50px;width:30px;margin:0;padding:0}
.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{border-radius:0;float:right;border-left:none}
.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{border-radius:0;float:left;border-right:0}
.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before{position:absolute;top:0;left:0;width:100%;height:100%;font-family:FontAwesome;content:"\f067";color:#1b1b1b;font-size:12px;padding:0;line-height:50px}
.product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before{position:absolute;top:0;left:0;width:100%;height:100%;font-family:FontAwesome;content:"\f068";color:#1b1b1b;font-size:12px;padding:0;line-height:50px}
.checkout-area{position:relative;display:block;background:#f3f3f4;padding:120px 0 120px}
.checkout-form{position:relative;display:block}
.buyer-info{position:relative;display:block;background:#fff}
.buyer-info .top{position:relative;border-bottom:1px solid #e7e7e8;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:21px 50px 20px}
.buyer-info .top h5{color:#11161e;font-size:16px;line-height:20px;font-weight:700;text-transform:uppercase}
.buyer-info .form-box{position:relative;display:block;padding:50px 100px 30px}
.buyer-info .form-box .input-box{position:relative;display:block;padding-left:100px;margin-bottom:20px}
.buyer-info .form-box .input-box .left{position:absolute;top:0;left:0;width:100px;text-align:right;padding-right:10px}
.buyer-info .form-box .input-box p{color:#777;font-size:13px;line-height:30px;font-weight:500;text-transform:uppercase;margin:0}
.buyer-info .form-box .input-box input[type=text]{position:relative;padding:0 10px;width:100%;height:30px;background:#f3f3f4;border:1px solid #eeefef;color:#798795;font-size:13px;font-weight:500;border-radius:5px;transition:all .5s ease 0s;font-family:'Open Sans',sans-serif}
.billing-info{position:relative;display:block;background:#fff}
.billing-info .top{position:relative;border-bottom:1px solid #e7e7e8;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:21px 50px 20px}
.billing-info .top h5{color:#11161e;font-size:16px;line-height:20px;font-weight:700;text-transform:uppercase}
.billing-info .inner-box{position:relative;display:block;padding:46px 100px 45px}
.billing-info .inner-box h5{position:relative;display:block;padding-bottom:6px;border-bottom:1px solid #e7e7e8;color:#11161e;font-size:16px;line-height:20px;font-weight:700}
.billing-info .inner-box ul{position:relative;display:block;overflow:hidden;padding:20px 0 20px;border-bottom:1px solid #e7e7e8;margin-bottom:17px}
.billing-info .inner-box ul li{position:relative;display:block;color:#777;font-size:14px;line-height:30px;font-weight:400}
.billing-info .inner-box ul li span{position:relative;display:inline-block;padding-left:40px}
.billing-info .inner-box h4{color:#11161e;font-size:16px;line-height:20px;font-weight:500;text-transform:uppercase}
.payment-info{position:relative;display:block;background:#fff;margin-top:40px}
.payment-info .top{position:relative;background:#fff;padding:21px 50px 20px;border-bottom:1px solid #e7e7e8}
.payment-info .top h5{color:#11161e;font-size:16px;line-height:20px;font-weight:700;text-transform:uppercase}
.payment-info .inner-box{position:relative;display:block;padding:24px 100px 30px}
.payment-info .inner-box p{color:#777;font-size:14px;line-height:24px;font-weight:400;margin:0}
.payment-tab{position:relative;display:block;padding-top:22px}
.payment-tab .tab-btns{position:relative;display:block;padding-bottom:47px}
.payment-tab .tab-btns li{position:relative;display:inline-block;float:left;margin-right:5px}
.payment-tab .tab-btns li:last-child{margin-right:0}
.payment-tab .tab-btns li i{position:relative;display:block;color:#e5e5e7;font-size:35px;cursor:pointer;transition:all .2s linear;transition-delay:.1s}
.payment-tab .tabs-content{position:relative;display:block}
.payment-tab .tabs-content .tab{position:relative;display:none}
.payment-tab .tabs-content .tab.active-tab{display:block}
.payment-input-box .input-box{position:relative;display:block;padding-left:110px;margin-bottom:20px}
.payment-input-box .input-box .left{position:absolute;top:0;left:0;width:110px;text-align:right;padding-right:10px}
.payment-input-box .input-box p{color:#777;font-size:13px;line-height:30px;font-weight:600;text-transform:uppercase;margin:0}
.payment-input-box .input-box input[type=text]{position:relative;padding:0 10px;width:100%;height:30px;background:#f3f3f4;border:1px solid #eeefef;color:#798795;font-size:13px;font-weight:500;border-radius:0;transition:all .5s ease 0s;font-family:'Open Sans',sans-serif}
.place-order-button-box{position:relative;display:block;padding-top:50px}
.place-order-button-box button{background:#000;border-color:#000;line-height:60px;padding:0 50px}
.login-register-area{position:relative;display:block;background:#f3f3f4;padding-top:114px;padding-bottom:113px}
.login-register-area .form .shop-page-title{padding-bottom:22px}
.login-register-area .form .shop-page-title h4{font-size:22px;line-height:30px;font-weight:700;text-transform:uppercase}
.login-register-area .form form{width:100%}
.login-register-area .form .input-field{position:relative}
.login-register-area .form .input-field input[type=text]{position:relative;display:block;width:100%;height:50px;background:#fff;border:1px solid #ededed;color:#7e7e7e;font-size:16px;margin-bottom:30px;padding-left:15px;padding-right:50px;transition:all .7s ease 0s;font-family:'Open Sans',sans-serif}
.login-register-area .form .input-field .icon-holder{position:absolute;top:15px;right:20px}
.login-register-area .form .input-field .icon-holder i{color:#999;font-size:14px;font-weight:400}
.login-register-area .form button{color:#fff;background:#000;border-color:#000;line-height:46px;padding:0 30px}
.login-register-area .form .remember-text{margin-top:19px}
.login-register-area .form .remember-text .checkbox label{margin:0;cursor:pointer}
.login-register-area .form .remember-text .checkbox input{position:relative;top:1px}
.login-register-area .form .remember-text .checkbox span{color:#1b1b1b;font-size:16px;font-weight:600;font-family:Poppins,sans-serif}
.login-register-area .form .social-icon{position:relative;float:right;margin-right:-8px}
.login-register-area .form .social-icon .login-with{position:absolute;left:-100px;top:11px;margin:0}
.login-register-area .form .social-icon li{display:inline-block;margin:0 8px}
.login-register-area .form .social-icon li a i{position:relative;display:block;background:#fff;width:50px;height:50px;border:1px solid #e7e7e7;color:#9c9c9c;font-size:14px;line-height:48px;text-align:center;transition:all .7s ease 0s}
.login-register-area .form .social-icon li a:hover i{color:#000}
.login-register-area .form .right-button{align-items:center}
.login-register-area .form .right{position:relative;display:block;overflow:hidden;text-align:right}
.login-register-area .form .right h6{color:#7e7e7e;font-size:16px;font-weight:400}
.login-register-area .form .input-field input[type=text]:focus{border:1px solid #1d1d1d}

/* 手机底部按钮 */
#wap-btns{height: 55px;line-height: 55px;background-color: #e50011;position: fixed;z-index: 99;right: 0;left: 0;bottom: -55px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;text-align: center;}
#wap-btns .btn{width: 34%;font-size: 14px;color: #fff;border-left: 1px solid rgba(255,255,255,.2);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing: border-box; }
#wap-btns .btn:first-child{border-left: 0;}
#wap-btns .btn:before{ height: 45px; margin-top: -3px;display: inline-block;vertical-align: middle;content: '';}
#wap-btns .btn i{margin-right: 5px;}
#wap-btns *{font-size: inherit; color: #fff;}
#wap-btns-blank{height: 50px; display: none;}

